<template>
    <div id="wrap">
         <div class="head">
              <div @click="getBack()">&lt;</div>
              <div>
                  共享办公
                  <span class="iconfont icon-triangle-down"></span>
              </div>
              <div>
                    <span class="iconfont icon-wode"></span>
                    <span class="iconfont icon-xiaoxi"></span>
              </div>
          </div>

        <div class="content">
             <van-search placeholder="请输入搜索关键词" />
                <Select></Select>
                <Sift  v-for="(v,i) in this.$store.state.gddata.obj" :key="i" :title="v.title" :details="v.details" :total="v.total" :price="v.price" :img="v.img" ></Sift>
        </div>
    </div>
</template>

<script>
import Select from "@/components/share/select.vue"
import Sift from "@/components/share/sift.vue"
export default {
    components:{
        Select,
        Sift
    },
    methods:{
        getBack(){
            this.$router.go(-1)
        }
    },
    mounted:function(){
    this.$store.dispatch("homelist");
  }
}
</script>

<style scoped>
 #wrap {
    display: flex;
    flex-direction: column;
    height: 100vh;
  }
.head{
       height: 0.6rem;
       border-bottom: 0.01rem solid #e7e9f0;
       display: flex;
       justify-content: space-between;
       align-items: center;
       font-size: 0.15rem;
       font-weight: bold;
       padding: 0 0.2rem;
   }
   .head div:nth-of-type(2) span{
       color:#dfdfdf ;
   }
   .head div:nth-of-type(3) span{
       margin-right:0.1rem ;
       
   }
   .head div span{
      font-size: 0.13rem;
     
   }
   .content{
       overflow-y: auto;
   }
</style>